/* Write your styles */
html {
  font-size: 62.5%;
}

body {
  font-size: 1.4rem; /* =14px */
  background-color: #E6EDF5;
  height: 100%;
  /*overflow: hidden;*/
  /*overflow-y:scroll;*/
}
a,a:hover,
a:focus{
	color:#2d2f2e;
}
em, i{
	font-style: normal;
}
.am-bold{
	font-weight: bold;
}
.am-normal{
	font-style: normal;
}
.am-bg-black{
	background-color: rgb(87, 185, 159);
}
.am-bg-white{
	background-color: #FFFFFF;
}
.am-bg-default{
	background-color: #348a76;
}

.am-text-white{
	color:#FFFFFF;
}
.am-text-blue{
	color:#6C8BD3 !important;
}
.am-uba{
	border:1px solid;
	border-radius: .5rem;
	-webkit-border-radius: .5rem;
}
.am-border{
	border-color: #6C8BD3;
}
.clear{
	clear: both;
}
.radius-tl{
	border-top-left-radius: .3rem;
	-webkit-border-top-left-radius: .3rem;
}
.radius-bl{
	border-bottom-left-radius: .3rem;
	-webkit-border-bottom-left-radius: .3rem;
}
.radius-tr{
	border-top-right-radius: .3rem;
	-webkit-border-top-right-radius: .3rem;
}
.radius-br{
	border-bottom-right-radius: .3rem;
	-webkit-border-bottom-right-radius: .3rem;
}
.am-open{
	display: block;
}
.am-closed{
	display: none;
}

/****************登录*****************/
.login_box{
	width: 436px;
    margin: 100px auto;
    /*background: #1d927d;*/
    background: #48AC95;
    padding: 3rem;
    border-radius: .4rem;
}
.login_box [class*="am-icon-"]{
	color:#118a70;
}
.login_box .login_btn{
	background-color: #289580;
	border:1px solid #5abea7;
	color:#FFFFFF;
}
.login_box .am-form input[type="text"],.login_box  .am-form input[type=password]{
	color:#118a70;
	background-color: #E5F6E6;
    border: 1px solid #E5F6E6;
}
.login_box .am-form input[type="text"]::-webkit-input-placeholder,
.login_box .am-form input[type="password"]::-webkit-input-placeholder,
.login_box .am-form-field::-webkit-input-placeholder {
  color: #118a70;
}
.login_box .am-form input[type="text"]::-moz-placeholder,
.login_box .am-form input[type="password"]::-moz-placeholder,
.login_box .am-form-field::-moz-placeholder {
  color: #118a70;
}
.login_box .am-form input[type="text"]:-ms-input-placeholder,
.login_box .am-form input[type="password"]:-ms-input-placeholder,
.login_box .am-form-field:-ms-input-placeholder {
  color: #118a70;
}
.login_box .am-form input[type="text"]::placeholder,
.login_box .am-form input[type="password"]::placeholder,
.login_box .am-form-field::placeholder {
  color: #118a70;
}

/************左侧导航******************/
.nav-slider{
	width: 6%;
	float:left;
}
.nav-slider a, .nav-slider a:hover, .nav-slider a:focus{
	color:#FFFFFF;
}
.nav-slider ul{
	height: 100%;
}
.nav-slider ul li{
	text-align: center;
}
.nav-slider ul li a{
	display: block;
	padding: 1rem 0;
}
.nav-slider ul li.am-active a{
	background-color: #348a76;
    margin-left: 1rem;
    color: #fff;
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 1rem;
}

/************右侧（头部）******************/
.right-area{
	padding-left:6%;
}
.remain-time{
	text-align: center;
    border-radius: 2rem;
    background-color: #404040;
    color:#ffffff;
    font-size: 1.4rem !important;
}
.am-dropdown .am-list > li{
	border:none;
}
.am-btn-quit{
	border:1px solid #6C8BD3;
	color:#6C8BD3;
	background-color: #FFFFFF;
	font-size: 1.4rem;
}

/************右侧（主体内容）******************/
.am-content{
	/*border:1px solid red;*/
	margin:1rem 1rem 0 1rem;
	position: relative;
}
#mian_frame{
	width: 100%;
	overflow:hidden;
}
.am-left-main{
	width: 30%;
    float: left;
    margin-right: 2%;
}
.am-left-main .am-top-head{
	border-bottom: 1px solid #DDDDDD;
}
.am-left-main .am-top-head .am-input-group .am-form-field{
    background: #F4F7FF;
    border: none;
    border-top-left-radius: 3rem;
    border-bottom-left-radius: 3rem;
    -webkit-border-top-left-radius: 3rem;
    -webkit-border-bottom-left-radius: 3rem;
}
.am-left-main .am-top-head .am-input-group-btn .am-btn{
	background: #F4F7FF;
    border: none;
    border-top-right-radius: 3rem;
    border-bottom-right-radius: 3rem;
    -webkit-border-top-right-radius: 3rem;
    -webkit-border-bottom-right-radius: 3rem;
}
/***********按钮*************/
.am-btn-zdqu{
	background-color: #F5F5F5;
	color:#666;
	font-size: 1.2rem;
	padding:0.5rem !important;
}
.am-btn-qd{
	background-color: #E8EFFF;
	color:#6C8BD3;
	font-size: 1.2rem;
	padding:0.5rem !important;
}
.am-btn1{
	border: 1px solid #ddd;
    padding: 0 1.6rem;
    font-size: 1.6rem;
    color:#8E8F93;
}
.am-btn2{
	background-color: #348a76;
	color:#ffffff;
}
.am-btn3{
	background-color: #535A6C;
	border-color: #535A6C;
	color:#ffffff;
}
.am-btn2:hover, .am-btn3:hover{
	color:#ffffff;
}
.am-btn-tuihuo{
	background-color: #FFFFFF;
	color:#585F71;
	border-color:#585F71;
}
.am-btn4{
	background-color: #D2D2D2;
	border: 1px solid #666;
    padding: 0.5rem 3.2rem;
    font-size: 1.6rem;
    color:#8E8F93;
}


.goods-area{
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    min-height: 44rem;
}
.am-right-main{
	width: 68%;
	float: left;
}
.am-right-main ul li a{
    padding-top: 1rem;
    padding-bottom: 1rem;
    display: inline-block;
}
/*.am-right-main ul li.am-active a{
	border-bottom: 2px solid #6C8BD3;
	color:#6C8BD3;
}*/
.am-actives{
	border-bottom: 2px solid #6C8BD3;
	color:#6C8BD3;
}
.r-footer{
	position: absolute;
    bottom: 0;
    width: 68%;
    margin-left: 32%;
}

/******************************/
.am-offcanvas-bar{
	background-color: #FFFFFF;
	width: 400px;
}
